<template>
  <el-form class="right-event-activity-info">
    <dropdown-normal v-model="wbData.activityType" :valLists="GENERAL_TYPES" label="活动类型" @change="onUpdateWbComponent" ></dropdown-normal>
    <dropdown-normal v-model="wbData.jumpPopId" :valLists="getLists(PAGE_TYPE_.pop)" label="跳转弹层" @change="onUpdateWbComponent"></dropdown-normal>
    <dropdown-normal v-model="wbData.jumpPageId" :valLists="getLists(PAGE_TYPE_.page)" label="跳转页面" @change="onUpdateWbComponent"></dropdown-normal>
    <textarea-normal label="获取活动信息需要的关联组件id" v-model="wbData.relateCompId" placeholder="$id$" @change="onUpdateWbComponent"></textarea-normal>
    <textarea-normal label="自定义数据" v-model="wbData.params" placeholder="$id$" @change="onUpdateWbComponent"></textarea-normal>
  </el-form>
</template>

<script>
  import TextareaNormal from '@/views/components/edit/TextareaNormal.vue'
  import DropdownNormal from '@/views/components/edit/DropdownNormal.vue'

  import { addUtils } from '@/views/js/add-utils'
  import { GENERAL_TYPES } from '@/common/const-general'
  import { PAGE_TYPE_ } from '@/common/const'

  export default {
    mixins: [addUtils],
    setup () {
      return {
        GENERAL_TYPES: GENERAL_TYPES,
        PAGE_TYPE_: PAGE_TYPE_,
      }
    },
    components: {
      DropdownNormal,
      TextareaNormal,
    },
  }
</script>
